@charset "UTF-8";

/********************faq********************/
#faq {
	position: fixed; _position: absolute;
	width: 640px; height: 520px;
	left: 50%; top: 50%;
	margin: -320px 0 0 -300px;
}

.faqList .qus {
	position: relative;
	padding-left: 60px;
	color: #442119; font-size: 13px; font-family: Times New Roman, "新細明體"; line-height: 55px; letter-spacing: 1px; vertical-align: bottom; *vertical-align: middle;
	background: url(../images/faq/line.png) repeat-x center bottom;
	cursor: pointer;
}

.faqList .qus > b {
	margin-right: 5px;
	font-size: 18px; font-weight: normal; letter-spacing: 2px; vertical-align: bottom; *vertical-align: middle;
}

.faqList .qus > b i {
	font-size: 24px; font-style: normal; vertical-align: bottom; *vertical-align: middle;
}

.faqList .qus:hover > span {
	text-decoration: underline;
}

.faqList .qus .woman {
	position: absolute; display: none;
	width: 56px; height: 69px; left: 0; bottom: 5px; *bottom: 15px;
	background: url(../images/faq/woman.png) no-repeat;
}

.faqList:hover .qus .woman , .faqCurrent .qus .woman {
	display: block;
}

.faqList .ans {
	position: relative; display: none;
	height:auto; padding-bottom: 5px;
	color: #323232; font-size: 12px; line-height: 16px;
	background: url(../images/faq/line.png) repeat-x left bottom;
}

.faqList .ans .mask {
	position: absolute;
	width: 100%; height: 50px; left: 0; top: 130px;
	background: url(../images/faq/bg.png) repeat-x center bottom;
}

.faqList .ans .man {
	position: absolute; display: block;
	width: 56px; height: 66px; left: 0; bottom: 0;
	background: url(../images/faq/man.png) no-repeat;
}

.scroll-pane {
	width: 640px; height: 100px;
	background: #FFF;
}

.editor {
	padding: 20px 10px 50px 50px;
}